<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="container-fluid">
        <div class="box box-solid">
            <div class="box-header with-border">
                <h3 class="box-title">{:__('基本信息')}</h3>
            </div>
            <div class="box-body row">
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Name')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-Name" data-rule="required" class="form-control" name="row[Name]" type="text">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Gender')}:</label>
                    <div class="col-xs-12 col-sm-8">

                        <select  id="c-Gender" data-rule="required" class="form-control " name="row[Gender]">
                            {foreach name="genderList" item="vo"}
                            <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                            {/foreach}
                        </select>

                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Mobilenum')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <div class="input-group">
                            <input id="c-MobileNum" data-rule="required" class="form-control" name="row[MobileNum]" type="text">
                            <span class="input-group-addon">
                                <i class="fa fa-phone"></i>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Email')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <div class="input-group">
                            <input id="c-Email" data-rule="required" class="form-control" name="row[Email]" type="text">
                            <span class="input-group-addon">
                                <i class="fa fa-envelope"></i>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Dateofbirth')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-DateOfBirth" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[DateOfBirth]" type="text" value="{:date('Y-m-d')}">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Workyear')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <div class="input-group">
                            <input id="c-WorkYear" data-rule="required" class="form-control" step="0.1" name="row[WorkYear]" type="number">
                            <span class="input-group-addon">{:__('Year')}</span>
                        </div>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Currentlocation')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-CurrentLocation" data-rule="required"  data-toggle="city-picker" class="form-control" name="row[CurrentLocation]" type="text">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Maritalstatus')}:</label>
                    <div class="col-xs-12 col-sm-8">

                        <select  id="c-MaritalStatus" data-rule="required" class="form-control " name="row[MaritalStatus]">
                            {foreach name="maritalstatusList" item="vo"}
                            <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                            {/foreach}
                        </select>

                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Height')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <div class="input-group">
                            <input id="c-Height" data-rule="required" class="form-control" step="0.1" name="row[Height]" type="number">
                            <span class="input-group-addon">CM</span>
                        </div>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Residency')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-Residency" data-rule="required"  data-toggle="city-picker" data-level="city" class="form-control" name="row[Residency]" type="text">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Educationcategory')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-EducationCategory" data-rule="required" class="form-control" name="row[EducationCategory]" type="text">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Jobsearchstatus')}:</label>
                    <div class="col-xs-12 col-sm-8">

                        <select  id="c-JobSearchStatus" data-rule="required" class="form-control " name="row[JobSearchStatus]">
                            {foreach name="jobsearchstatusList" item="vo"}
                            <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                            {/foreach}
                        </select>
                    </div>
                </div>
            </div>
            <div class="box-header with-border">
                <h3 class="box-title">{:__('求职意向')}</h3>
            </div>
            <div class="box-body row">
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Accommodationrequired')}:</label>
                    <div class="col-xs-12 col-sm-8">

                        <select  id="c-AccommodationRequired" data-rule="required" class="form-control " name="row[AccommodationRequired]">
                            {foreach name="accommodationrequiredList" item="vo"}
                            <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                            {/foreach}
                        </select>

                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Availabilityday')}:</label>
                    <div class="col-xs-12 col-sm-8">

                        <select  id="c-AvailabilityDay" data-rule="required" class="form-control " name="row[AvailabilityDay]">
                            {foreach name="availabilitydayList" item="vo"}
                            <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                            {/foreach}
                        </select>

                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Expectedjobfunction')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-ExpectedJobFunction" data-rule="required" class="form-control" name="row[ExpectedJobFunction]" type="text">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Expectedjobindustry')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-ExpectedJobIndustry" data-rule="required" class="form-control" name="row[ExpectedJobIndustry]" type="text">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Expectedjoblocation')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-ExpectedJobLocation" data-rule="required" class="form-control" data-toggle="city-picker" data-level="city" name="row[ExpectedJobLocation]" type="text">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label col-xs-12 col-sm-4">{:__('Expectedsalary')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <div class="input-group">
                            <input id="c-ExpectedSalary" data-rule="required" class="form-control" name="row[ExpectedSalary]" type="number">
                            <span class="input-group-addon">
                                <i class="fa fa-jpy"></i> 以上
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-header with-border">
                <h3 class="box-title">{:__('教育背景')}</h3>
            </div>
            <div class="box-body">
                <div class="form-group">
                    <div class="col-xs-12">
                        <table class="table table-bordered fieldlist" data-template="basictpl" data-name="row[basic]" id="first-table">
                            <tr>
                                <td>{:__('StartDate')}</td>
                                <td>{:__('EndDate')}</td>
                                <td>{:__('SchoolName')}</td>
                                <td>{:__('Major')}</td>
                                <td>{:__('EducationLevel')}</td>
                                <td>{:__('Description')}</td>
                                <td width="100"></td>
                            </tr>
                            <tr>
                                <td colspan="7"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></td>
                            </tr>
                        </table>

                        <!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
                        <textarea name="row[basic]" class="form-control" cols="30" rows="5">[{"StartDate":"2013-09","EndDate":"2016-06","SchoolName":"北京大学","Major":"计算机应用(通信方向)","EducationLevel":"60", "Description":"222"},{"StartDate":"2013-09","EndDate":"2016-06","SchoolName":"广东邮电职业技术学院","Major":"计算机应用(通信方向)","EducationLevel":"50", "Description":"1111"}]</textarea>
                        <script id="basictpl" type="text/html">
                            <tr class="form-inline">
                                <td><input type="text" name="<%=name%>[<%=index%>][StartDate]" class="form-control datetimepicker" data-date-format="YYYY-MM" size="4" value="<%=row.StartDate%>" placeholder="{:__('StartDate')}"/></td>
                                <td><input type="text" name="<%=name%>[<%=index%>][EndDate]" class="form-control datetimepicker"  data-date-format="YYYY-MM" size="4" value="<%=row.EndDate%>" placeholder="{:__('EndDate')}"/></td>
                                <td><input type="text" name="<%=name%>[<%=index%>][SchoolName]" class="form-control" value="<%=row.SchoolName%>" placeholder="{:__('SchoolName')}"/></td>
                                <td><input type="text" name="<%=name%>[<%=index%>][Major]" class="form-control" value="<%=row.Major%>" placeholder="{:__('Major')}"/></td>
                                <td>
                                    <select data-rule="required" class="form-control " name="<%=name%>[<%=index%>][EducationLevel]">
                                        {foreach name="educationlevelList" item="vo"}
                                        <option value="{$key}" <%=row.EducationLevel == '{$key}' ? 'selected' : ''%>>{$vo}</option>
                                        {/foreach}
                                    </select>
                                </td>
                                <td>
                                    <textarea name="<%=name%>[<%=index%>][Description]" class="form-control" cols="50" rows="3" placeholder="{:__('Description')}"><%=row.Description%></textarea>
                                </td>
                                <td>
                                    <!--下面的两个按钮务必保留-->
                                    <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
                                    <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
                                </td>
                            </tr>
                        </script>
                    </div>
                </div>
            </div>
            <div class="box-header with-border">
                <h3 class="box-title">{:__('工作经历')}</h3>
            </div>
            <div class="box-body">
                <table class="table table-bordered fieldlist" data-template="basictpl2" data-name="row[basic2]">
                    <tr>
                        <td>{:__('工作经历')}</td>
                        <td width="100"></td>
                    </tr>
                    <tr>
                        <td colspan="2"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></td>
                    </tr>
                </table>
                <textarea name="row[basic2]" class="form-control" cols="30" rows="5">[{"StartDate":"2013-09","EndDate":"2016-06","SchoolName":"北京大学","Major":"计算机应用(通信方向)","EducationLevel":"60", "Description":"222"},{"StartDate":"2013-09","EndDate":"2016-06","SchoolName":"广东邮电职业技术学院","Major":"计算机应用(通信方向)","EducationLevel":"50", "Description":"1111"}]</textarea>
                <script id="basictpl2" type="text/html">
                    <tr class="">
                        <td>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Date')}:</label>
                                <div class="col-xs-12 col-sm-5">
                                    <div class="row row-between">
                                        <div class="col-xs-6">
                                            <input id="c-StartDate" data-rule="required" class="form-control" name="row[StartDate]" type="text" placeholder="{:__('StartDate')}">
                                        </div>
                                        <div class="col-xs-6">
                                            <input id="c-EndDate" data-rule="required" class="form-control" name="row[EndDate]" type="text" placeholder="{:__('Enddate')}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Company')}:</label>
                                <div class="col-xs-12 col-sm-5">
                                    <input id="c-Company" data-rule="required" class="form-control" name="row[Company]" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Jobindustry')}:</label>
                                <div class="col-xs-12 col-sm-5">
                                    <input id="c-JobIndustry" data-rule="required" class="form-control" name="row[JobIndustry]" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
                                <div class="col-xs-12 col-sm-5">
                                    <input id="c-Title" data-rule="required" class="form-control" name="row[Title]" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Jobfunction')}:</label>
                                <div class="col-xs-12 col-sm-5">
                                    <input id="c-JobFunction" data-rule="required" class="form-control" name="row[JobFunction]" type="text">
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="control-label col-xs-12 col-sm-4">{:__('Salary')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-Salary" data-rule="required" class="form-control" name="row[Salary]" type="number">
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="control-label col-xs-12 col-sm-4">{:__('Keepsalaryconfidential')}:</label>
                                <div class="col-xs-12 col-sm-6">

                                    <select  id="c-KeepSalaryConfidential" data-rule="required" class="form-control selectpicker" name="row[KeepSalaryConfidential]">
                                        {foreach name="keepsalaryconfidentialList" item="vo"}
                                        <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                                        {/foreach}
                                    </select>

                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Description')}:</label>
                                <div class="col-xs-12 col-sm-9">
                                    <textarea id="c-Description" name="row[Description]" data-rule="required" class="form-control" cols="30" rows="5">[{"StartDate":"2013-09","EndDate":"2016-06","SchoolName":"北京大学","Major":"计算机应用(通信方向)","EducationLevel":"60", "Description":"222"},{"StartDate":"2013-09","EndDate":"2016-06","SchoolName":"广东邮电职业技术学院","Major":"计算机应用(通信方向)","EducationLevel":"50", "Description":"1111"}]</textarea>
                                </div>
                            </div>
                        </td>
                        <td>
                            <!--下面的两个按钮务必保留-->
                            <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
                            <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
                        </td>
                    </tr>
                </script>

            </div>
            <div class="box-header with-border">
                <h3 class="box-title">{:__('项目经验')}</h3>
            </div>
            <div class="box-body">
            </div>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-4"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
